<template>
	<view class="item">
		<view v-if="head" class="head"></view>
		
		<view class="title">
			<slot name="title"></slot>
		</view>
		<view class="content">
			<slot name="topic"></slot>
		</view>
	</view>
</template>

<script>
	export default {
		props:['title','head'],
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.item{
	position: relative;
	width: 678rpx;
	background: #FEFEFE;
	border-radius: 16rpx;
	border: 2rpx solid #E1E1E1;
	padding: 56rpx 48rpx;
	margin-bottom: 32rpx;
}
.head{
	position: absolute;
	top: 0;
	left: 0;
	width: 678rpx;
	height: 26rpx;
	background: #6A38B6;
	border-radius: 16rpx 16rpx 0rpx 0rpx;
}
.title{
	width: 582rpx;
	font-size: 32rpx;
	font-weight: bold;
	color: #1D2027;
	margin-bottom: 48rpx;
}
.content{
	
}
</style>
